<template>
	<view class="myBanner">
		<swiper class="banner" indicator-dots autoplay interval='3000' circular>
			<swiper-item v-for="(item,index) in banner" :key='index'>
				<image :src="item" mode="" class="img"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name: "Banner",
		props:{
			banner:{
				type:Array,
				default:function(){
					return []
				}
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.myBanner {
		margin: 10rpx 0;
	}

	.banner {
		width: 100%;
		height: 350rpx;
	
	.img {
			width: 100%;
			height: 350rpx;
		}
	}
</style>
